<!DOCTYPE html>
<style>
svg { height: 200px }
</style>
<body>
<script>
var rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
rect.setAttribute('width', '100');
rect.setAttribute('height', '100');
rect.setAttribute('fill', 'green');
var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
svg.appendChild(rect);
svg.setAttribute('viewBox', '0 0 200 100');
svg.setAttribute('preserveAspectRatio', 'xMinYMin');
svg.width.baseVal.valueAsString = '200';
document.body.appendChild(svg);
</script>
